<%@ page language="java" isELIgnored="false"
	contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Insert title here</title>
<link href="/admin/public/bootstrap.min.css" title="" rel="stylesheet" />
<link href="/admin/public/inspinia.css" rel="stylesheet" />
<link href="/admin/font-awesome/css/font-awesome.min.css"
	rel="stylesheet" />
<link href="/admin/public/animate.css" rel="stylesheet" />
<link
	href="/admin/css/plugins/datetimepicker/bootstrap-datetimepicker.min.css"
	rel="stylesheet" media="screen" />
<link href="/admin/public/zTree/css/zTreeStyle/zTreeStyle.css"
	rel="stylesheet" />
<link href="/admin/js/multipleselect/multiple-select.css"
	rel="stylesheet" />
<link rel="stylesheet" href="/admin/css/Tab_swiper.css" />
<link rel="stylesheet" href="/admin/css/new_page_if.css" />
<link rel="stylesheet" type="text/css"
	href="${request.getContext }/admin/css/xcConfirm.css" />
<script src="/admin/My97/WdatePicker.js"></script>
<!-- 百度编译器 -->
<script type="text/javascript" charset="utf-8" src="/admin/js/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="/admin/js/ueditor.all.js"> </script>
<script type="text/javascript" charset="utf-8" src="/admin/js/lang/zh-cn/zh-cn.js"></script>
<script type="text/javascript" src="/admin/js/ueditor.all.min.js"></script>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
	<script src="/admin/public/html5shiv.min.js"></script>
	<script src="/admin/public/respond.min.js"></script>
<![endif]-->
<style>
th.prev {
	background: url(img/dateleft.png) -3px !important;
}

th.next {
	background: url(img/dateright.png) -10px !important;
}
.img{
	height: 130px;
	width:180px;
}
</style>
</head>
<body>
	<div
		style="width: 20px; height: 100%; position: relative; left: 16px; box-shadow: -5px 0 20px #8e9092;">
	</div>
	<div class="container-frame-detail" id="containerDetail"
		style="display: block; right: 0px; width: 780px; position: relative; bottom: 100%; left: 16px; height: 100%;">
		<div class="detail-inner" id="detailInner">
			<div class="slid-panel-header clearfix">
				<span class="panel-title">修改电影</span> <span onclick="quxiao();" class="form-close-icon">X</span>
			</div>
			<div class="detail_left">
				<div class="detail_left_inner">

					<!-- <div class="cus_simple_info">
                        <div class="tagSelector-warp">
                            <div class="tag-item-list">
                                <span class="tag-inputContainer"><span class="span-tag">+标签</span> </span>
                                <div class="tag-pullDown-container-down">
                                </div>
                            </div>
                        </div>
                    </div>-->
					<div class="customer_tabs fn-clear"
						style="margin-right: 30px; margin-left: 10px;">
						<ul class="detail_main_nav">
							<li><a class="slide-panel-tab slide_nav_hover"
								href="javascript:void(0)">修改电影</a></li>
						</ul>
						<div class="detail_panels_main_body">
							<div id="renWu_msg" class="active">
								<form id="editMovie" method="post" enctype="multipart/form-data" class="form-horizontal">
									<input type="hidden" name="movieId" id="movieId"
										value="${movie.movieId }">
										<input type="hidden" name="oldPic" value="${movie.picUrl }"/>
										<div style="overflow: hidden;">
											<div class="form-group">
												<label class="col-lg-2 col-md-2 col-sm-3 control-label">
													电影名称：</label>
												<div class="col-md-6 col-lg-6 col-sm-6">
													<input type="text" class="form-control" id="movieName"
														name="movieName" value="${movie.movieName }">
												</div>
											</div>
											<div class="form-group">
												<label class="col-lg-2 col-md-2 col-sm-3 control-label">上映时间:</label>
												<div class="col-md-6 col-lg-6 col-sm-6">
													<div class="date input-append form_date ymd_date"
														id="addtimeCalendar" style="float: left; margin-right: 5px;">
														<div class="input-group">
															<input class="form-control input-sm" type="text"
																name="releaseDate" id="releaseDate" value="${movie.releaseDate }"> <span
																class="add-on input-group-addon"
																style="position: relative; left: -2px;"> <i
																class="fa fa-calendar" style="color: black;"></i>
															</span>
														</div>
													</div>
												</div>
											</div>
											<div class="form-group">
												<label class="col-lg-2 col-md-2 col-sm-3 control-label">所属类型：</label>
												<div class="col-md-6 col-lg-6 col-sm-6">
													<select class="select2_demo_1 form-control" name="movieTypeId"
														id="movieTypeId">
														<option value="">--请选择--</option>
														<c:forEach items="${tlist }" var="tlist">
															<option value="${tlist.movieTypeId }" ${tlist.movieTypeId==movie.movieTypeId?'selected':'' }>${tlist.movieTypeName }</option>
														</c:forEach>
													</select>
												</div>
											</div>
											<div class="form-group">
												<label class="col-lg-2 col-md-2 col-sm-3 control-label">
													电影导演：</label>
												<div class="col-md-6 col-lg-6 col-sm-6">
													<input type="text" class="form-control" id="movieDirect"
														name="movieDirect" value="${movie.movieDirect }">
												</div>
											</div>
											<div class="form-group">
												<label class="col-lg-2 col-md-2 col-sm-3 control-label">电影图片:</label>
												<div class="col-md-6 col-lg-6 col-sm-6">
													<input type="file" class="form-control" id="picUrl"
														name="picUrl" value="${movie.picUrl }" onchange="preview(this,1)">
												</div>
											</div>
											<div class="form-group">
												<label class="col-lg-2 col-md-2 col-sm-3 control-label"></label>
												<div class="col-md-6 col-lg-6 col-sm-6">
													<div id="preview1">
														<img src="${movie.picUrl }" style="height:180px;width: 323px;" alt="" />
													</div>
												</div>
											</div>
											<div class="form-group">
												<label class="col-lg-2 col-md-2 col-sm-3 control-label">电影简介：</label>
												<div class="col-md-6 col-lg-6 col-sm-6">
													<textarea rows="3" class="form-control" cols="3" style="width: 100%" name="movieSummary" id="movieSummary">${movie.movieSummary }</textarea>
												</div>
											</div>
										</div>
							</div>
							<div class="hr-line-dashed"></div>
							<input type="button" onclick="editMovie();"
								style="width: 82px; height: 34px; margin-left: 12px" value="保存"
								class="col-lg-3 btn btn-success" />
							</form>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	</div>
	<script src="/admin/public/jquery-1.11.3.js"></script>
	<script src="/admin/js/plugins/lhgdialog/lhgdialog.js"></script>
	<!-- 时间控件样式 -->
	<script
		src="/admin/js/plugins/datetimepicker/bootstrap-datetimepicker.min.js"></script>
	<script
		src="/admin/js/plugins/datetimepicker/bootstrap-datetimepicker-update.min.js"></script>
	<script
		src="/admin/js/plugins/datetimepicker/bootstrap-datetimepicker.zh-CN.js"></script>
	<!-- 弹出框 -->
	<script src="/admin/js/multipleselect/multiple-select.js"></script>
	<script src="${request.getContext }/admin/js/xcConfirm.js"
		type="text/javascript" charset="utf-8"></script>
	<!--    <script src="/admin/js/Tab_swiper.js"></script>-->
	<script src="/admin/js/new_page_if.js"></script>
	<!-- 时间控件样式 -->
	<script
		src="/admin/js/plugins/datetimepicker/bootstrap-datetimepicker.min.js"></script>
	<script
		src="/admin/js/plugins/datetimepicker/bootstrap-datetimepicker-update.min.js"></script>
	<script
		src="/admin/js/plugins/datetimepicker/bootstrap-datetimepicker.zh-CN.js"></script>
	<script src="/admin/js/jquery.form.min.js"></script>
	<script type="text/javascript">
	$(function(){
		$('.ymd_date').datetimepicker({　
			minView: "month",
			format: "yyyy-mm-dd",
			language: 'zh-CN',
			autoclose: true,
			pickerPosition: "bottom-left",
			
		});
	})
	function quxiao(){
		window.parent.location.href="/admin/movie/movieList"
	}
		function preview(file, i) {
			var prevDiv = document.getElementById('preview' + i);
			if (file.files && file.files[0]) {
				var reader = new FileReader();
				reader.onload = function(evt) {
					prevDiv.innerHTML = '<img class="img" style="height:180px;width: 323px;" src="' + evt.target.result + '" />';
				}
				reader.readAsDataURL(file.files[0]);
			} else {
				prevDiv.innerHTML = '<div class="img" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src=\'' + file.value + '\'"></div>';
			}
		}
	</script>
	<script>
	
	function check() {
		var movieName = $("#movieName").val();
		var releaseDate=$("#releaseDate").val();
		var movieTypeName=$('#movieTypeId option:selected') .val();//选中的值
		var movieDirect = $("#movieDirect").val();
		if (movieName.length == 0) {
			alert('请输入电影名称！');
			return false;
		}
		if (releaseDate.length == 0) {
			alertNew('请输入上映日期！', false);
			return false;
		}
		if (movieTypeName == "") {
			alert('请选择电影类型！');
			return false;
		}
		if (movieDirect.length == 0) {
			alert('请输入电影导演！');
			return false;
		}
		return true;
	}
		function editMovie() {
			if (check()) {
			      $('#editMovie').ajaxSubmit({
					type : "post",
					data :$("#editMovie").serialize(),
					dataType : "json",
					enctype:"multipart/form-data",
					url : "/admin/movie/editMovie",
					success : function(data) {
						window.wxc.xcConfirm(
								data.msg,
								window.wxc.xcConfirm.typeEnum.info,
								{
									onOk : function() {
										if (data.success) {
											window.parent.location.href = "/admin/movie/movieList";
										}
									}
								})
								
					},
					error : function(data) {
						
					}
				});
						
			}
		}
	</script>
	<script type="text/javascript">
		var ue=UE.getEditor('editor1');
		var ue=UE.getEditor('editor2');
	</script>
</body>
</html>
